<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>SAO - Agenda do Dia</title>
<link href="css/style.css" rel="stylesheet" type="text/css"
	media="screen" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />

<!-- SCRIPTS DO CALENDÁRIO -->
<!-- Loading Theme file(s) -->
    <link rel="stylesheet" href="scripts/calendar/system.css" />
<!-- Loading Calendar JavaScript files -->
    <script type="text/javascript" src="scripts/calendar/utils/zapatec.js"></script>
    <script type="text/javascript" src="scripts/calendar/utils/calendar.js"></script>
<!-- Loading language definition file -->
    <script type="text/javascript" src="scripts/calendar/utils/calendar-pt.js"></script>

</head>
<body>
<div id="wrapper">
<div id="header-wrapper">
<div id="header">
<div id="logo">
<h1><a href="sao"><span>SAO</span></a></h1>
<p>Sistema de Agendamento Online</p>
</div>

</div>
</div>
<!-- end #header -->
<div id="page">
<div id="page-bgtop">
<div id="page-bgbtm">
<div id="content">
<div class="post">
<h2 class="title"><a href="#">Sistema SAO </a>- Agendar Consulta</h2>
<p class="meta"><span class="date">${dataCorrente} </span><span
	class="posted">Usuário: <span class="nomeUsuario">${usuario.nome}</span></span></p>
<div style="clear: both;">&nbsp;</div>
<div class="entry">
<p>Preencha os campos para efetuar a pesquisa.</p>
<div id="form-pesquisa"><!-- Formulário -->
<form action="getRelatorioProprio.do" method="post">
<table cellpadding="3" cellspacing="3" width="500">
	<tr>
		<td><h3>Pesquisar Agendamentos</h3></td>
	</tr>
	<tr>
		<td>
		<label>Data/hora do in&iacute;cio: </label> 
		<input type="text" id="calendar" name="calendar" /> 
		<button id="trigger">...</button>
		<script type="text/javascript">//<![CDATA[
      Zapatec.Calendar.setup({
        firstDay          : 1,
        showOthers        : true,
        showsTime         : false,
        electric          : false,
        inputField        : "calendar",
        button            : "trigger",
        ifFormat          : "%d-%m-%Y",
        daFormat          : "%Y/%m/%d",
        timeInterval          : 05
      });
    //]]></script> <span style="color: #336699">&lt;&lt; Clique aqui</span>
		<noscript>
		Esta página usa um Calendário em Javascript, mas seu navegador não suporta Javascript.
		Habilite o Javascript do seu navegador ou atualize-o para uma versão mais nova.
		</noscript>
		</td>
	</tr>
	<tr>
		<td align="center"><br />
			<input type="submit" value="Enviar" />
			&nbsp;&nbsp;&nbsp;&nbsp;
			<input type="reset" value="Cancelar" />
		</td>
	</tr>
</table>
</form>

</div>
</div>
</div>


<div style="clear: both;">&nbsp;</div>
</div>
<!-- end #content -->

<div id="sidebar">
<ul>
	<li>
	<h2>Menu</h2>

	${menu}</li>
</ul>
</div>
<!-- end #sidebar -->

<div style="clear: both;">&nbsp;</div>
</div>
</div>
</div>
<!-- end #page --></div>

<%@ include file="includes/rodape.inc"%>
<!-- end #footer -->
</body>
</html>
